<template>
    <div id="app">
        <el-row>
            <el-col class="menu" :span="5">
                <Menu />
            </el-col>

            <el-col :span="19">
                <router-view></router-view>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import Menu from "@/components/menu/index";
export default {
    components: {
        Menu
    }
};
</script>

<style lang="less">
#app {
    height: 100vh;

    .menu {
        min-height: 250px;
        max-width: 300px;
    }

    .el-row {
        height: 100%;
    }
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}
</style>
